Skip to content

Fix inline icon alignment#506

Merged
mrubens merged 1 commit intomainfrom
fix/inline-icon-alignment
Jan 23, 2026
Merged

Fix inline icon alignment#506
mrubens merged 1 commit intomainfrom
fix/inline-icon-alignment

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Jan 23, 2026 •
edited by ellipsis-dev bot
Loading

Fixed the alignment of inline icons (puzzle piece and cloud) in the homepage by replacing position: relative, top: 4 with proper display: inline-block and verticalAlign: middle CSS properties. This ensures the icons are properly centered with the surrounding text.

View task on Roo Code Cloud

Important

Fixes inline icon alignment on the homepage by updating CSS properties in index.mdx.

  • CSS Changes:
    • Replaced position: relative, top: 4 with display: inline-block and verticalAlign: middle for inline icons in index.mdx.
    • Affects LucideIcon elements for "Puzzle" and "Cloud" icons, ensuring proper alignment with text.

This description was created by Ellipsis for ad69676. You can customize this summary. It will automatically update as commits are pushed.

@vercel
Copy link

vercel bot commented Jan 23, 2026 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
roo-code-docs Ready Ready Preview, Comment Jan 23, 2026 8:58pm

Request Review

@roomote
Copy link
Contributor Author

roomote bot commented Jan 23, 2026 •
edited
Loading

Rooviewer Clock   See task on Roo Cloud

Review complete. No issues found.

The CSS changes update inline icon alignment in docs/index.mdx from position: relative, top: 4 to display: inline-block, verticalAlign: middle. This is a cleaner approach that scales properly with different font sizes and eliminates magic number pixel offsets.

Previous reviews

Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.

@roomote roomote bot force-pushed the fix/inline-icon-alignment branch from a195cb9 to ad69676 Compare January 23, 2026 21:02
@mrubens mrubens marked this pull request as ready for review January 23, 2026 21:03
@roomote
Copy link
Contributor Author

roomote bot commented Jan 23, 2026 •
edited
Loading

Rooviewer Clock   See task on Roo Cloud

Review complete. No issues found.

The CSS changes consistently replace position: relative, top: 4 with display: inline-block, verticalAlign: middle for both inline icons. This is a cleaner, more standard approach for vertical alignment that eliminates manual pixel adjustments.

Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.

@mrubens mrubens merged commit f7395d9 into main Jan 23, 2026
5 checks passed
@mrubens mrubens deleted the fix/inline-icon-alignment branch January 23, 2026 21:30
@github-project-automation github-project-automation bot moved this from Triage to Done in Roo Code Roadmap Jan 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@mrubens mrubens mrubens approved these changes

@cte cte Awaiting requested review from cte cte is a code owner

@hannesrudolph hannesrudolph Awaiting requested review from hannesrudolph hannesrudolph is a code owner

Assignees

No one assigned

Labels

None yet

Projects

No open projects
Roo Code Roadmap
Status: Done

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@mrubens @roomote